
h1{
    color:black;
    font-size: medium;
    font-weight: bold;
    border-bottom: 1px dotted #C4C4C4;
}
h2 {
	margin:0px 0px 10px 0px;
	font-size:36px;
	font-family:Helvetica, Arial, Sans-serif;
	color:#000000;
	line-height:39px;
	letter-spacing:-1px;
}
h3 {
	margin:10px 0px 5px 0px;
	font-size:14px;
	line-height:21px;
	font-family:Helvetica, Arial, Sans-serif;
	color:#000000;
}
h4 {
	color:#007de2;
	margin:0px 0px 0px 0px;
}
small {
	color:#595856;
	font-weight:bold;
	font-size:11px;
	display:block;
	margin-bottom:15px;
}
a {
	color:#26689f;
	text-decoration:none;
}
small a {
	color:#007de2;
}
a:hover { text-decoration:underline; }
p { margin: 0px 0px 15px 0px; }
.info {
    height: auto;
    border: solid 1px silver;
    text-align: center;
    padding: 20px;
    /* margin: 0px 10px 10px 10px; */
    margin : 10px 0px 10px 0px;
}
.i_green{
    background-color: #BDFCC9;
}
.i_red{
    background-color: #ff4c2f;
    color: white;
}

.table_div{
    font: normal normal normal 11px/normal tahoma, verdana, sans-serif, serif;
    margin-top:35px;
}
.table_div table{
    width: 100%;
}
.table_div table tr td {
    border: 1px dotted #C4C4C4;
    padding: 12px;
    text-align: center;
}
.table_div table td{
    max-width: 150px;
}
.table_div table th{
    border: 1px dotted #C4C4C4;
    padding: 12px;
    text-align: center;
    cursor: pointer;
    font-weight: normal;
    font-size: 13px;
    background-color: #E6E6FA;

}

.show_table .td_left{
    font: normal normal normal 11px/normal tahoma, verdana, sans-serif, serif;
    padding-right: 20px;
    text-align: right;
    color: #616162;
    width: 150px;
}
.show_table .td_right{
    font-size: 14px;
    padding-left: 20px;
    text-align: left;
    color: #616162;
}
.show_table tr{
    border-bottom: 1px dotted #C4C4C4;
}
.show_table td{
    padding:10px;
}
.show_table .tr_gray{
    background-color: #F6F6F6;
}

.login{
    float:right;
    font-style: italic;
}

.button{
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    color:#fff;
    padding:4px 10px 5px;
    font-size:11px;
    margin:0 5px 0 0;
    font-weight:bold;
}
.b_red{
    background:#ff4c2f url('../images/bg-btn-red.png') repeat-x scroll 0 0;
    border:1px solid #ff4c2f;
    text-shadow:0 -1px 0 #ff4c2f;
}
.b_blue{
    background:#39d url('../images/bg-btn-blue.png') repeat-x scroll 0 0;
    border:1px solid #39D;
    text-shadow:0 -1px 0 #39d;
}
.button::-moz-focus-inner {
padding:0;
border:0;
}
.button:hover, .button:focus {
    background-position:0 -5px;
    cursor:pointer;
}

.tip {
    color: #789;
    background:#ddeef6;
    display:none; 
    padding:10px;
    position:absolute;    z-index:1000;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;

}
	.form{
		margin:1em 0;
		padding-top:10px;
		}
	.form fieldset{
		margin:0;
		padding-top:.5em;
		border:none;
		border-top:1px solid #f1f1f1;
		}
	.form legend{
		padding:0 5px;
		font-style:italic;
		}
	.form p{
		clear:both;
		margin:.5em 0;
		overflow:hidden;
		}
        .form input[type="radio"]{
            width:20px;
            margin-left:110px;
         }
         .form input[type="checkbox"]{
             width:20px;
}
	.form label{
		float:left;
		width:100px;
		display:block;
		text-align:right;
		margin-right:10px;
		}
         
        .form select{
                padding:5px;
                width:250px;
                
        }
        
	.form input, .form textarea{
		margin:0;
		width:250px;
		border:1px solid #ddd;
		padding:3px 5px 3px 25px;
		}
        .form input:focus{
           border:solid 1px teal;
        }
       .form textarea:focus,textarea:hover{
           border:solid 1px teal;
        }

	.form input#c_name,#s_name,#c_person_name{background:#fff url(../images/form/form_name.gif) no-repeat 5px 50%;}
	.form input#email ,#c_person_email{background:#fff url(../images/form/form_email.gif) no-repeat 5px 50%;}

        .form input#password {background:#fff url(../images/form/form-pass.png) no-repeat 5px 50%;}

        .form input#c_phone,#c_person_phone {background:#fff url(../images/form/phone.png) no-repeat 5px 50%;}
        .form input#c_address {background:#fff url(../images/form/home.png) no-repeat 5px 50%;}
        .form input#date_start,#date_end {background:#fff url(../images/form/date.png) no-repeat 5px 50%;}
        .form input#amount {background:#fff url(../images/form/number.png) no-repeat 5px 50%;}
	.form input#c_site{background:#fff url(../images/form/form_url.gif) no-repeat 5px 50%;}
	.form textarea#duties,#requirements{background:#fff url(../images/form/form_note.gif) no-repeat 5px 6px;}


	.form textarea{
		height:125px;
		overflow:auto;
		}
	.form p.submit{
		clear:both;
		margin:1em 0;
		padding:.5em 70px;
		border-top:1px solid #f1f1f1;

		}
	.form button{
		height:28px;
		line-height:28px;
		border-top:1px solid #999;
		border-left:1px solid #999;
		border-right:1px solid #333;
		border-bottom:1px solid #333;
		background:url(../images/form/form_button.gif) no-repeat;
		padding:0 10px 0 25px;
		color:#333;
		cursor:pointer;
		text-align:left;
		font-size:11px;
		font-weight:bold;
		}
body{
	margin:0px; padding:0px;
	background-color:#131211;
	font-family:Arial, Helvetica, sans-serif;
	/*color:#7f7d78;*/
	font-size:13px;
	line-height:19px;
}
#main{
    background:url("../images/theme/background_light_slice.jpg") repeat-x scroll 0 0 #C4C0BE;
    padding-bottom:30px;
}
#main #container {
	background-image:url("../images/theme/background_light.jpg");
	background-repeat:no-repeat;
        padding:20px 40px;
        text-align:left;
        min-height:500px;
}
#footer {
	background-image:url("../images/theme/background_footer.jpg");
	background-repeat:repeat-x;
	padding:40px;
	position:relative;
	top:-20px;
	min-height:130px;
}
#header {
    padding-bottom: 30px;
}
#logo h1, #logo small {
	margin:0px;
	display:block;
	text-indent:-9999px;
}
#logo {
	background-image:url(../images/theme/logo.png);
	background-repeat:no-repeat;
	width:194px;
	height:83px;
}
ul#menu {
    float:right;
    padding-right:20px;
    margin:0px;
}
ul#menu li {
	display:inline;
	margin-left:12px;
}
ul#menu li a {
	text-decoration:none;
	color:#716d6a;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
}
ul#menu li a.active, ul#menu li a:hover {
	color:#211e1e;
}

.block {
	border:1px solid #a3a09e;
	background-color:#ffffff;
	margin-bottom:20px;
	position:relative;
}
.ribbon {
	position:absolute;
	top: 10px;
	right:-24px;
}
.ribbon_small {
	position:absolute;
	top: 10px;
	right:-19px;
}
.ribbon_text{
    color:white;
    float:right;
    font-style:italic;
    font-weight:bold;
    position:absolute;
    right:0;
    text-align:center;
    top:22px;
    width:255px;
}
.block_inside {
	display:block;
	border:1px solid #ffffff;
	background: #ffffff url(../images/theme/background_block_slice.jpg) repeat-x;
	padding:30px;
	overflow:auto;
}
.image_block {
	border:1px solid #b5b5b5;
	background-color:#d2d2d2;
	padding:5px 5px 1px 5px;
	float:left;
}
.image_block img {
	border:1px solid #b5b5b5;
}
.text_block {
	float:left;
	width:430px;
	margin-left:30px;
	padding-top:30px;
}
#block_portfolio {
	overflow:auto;
	margin-bottom:20px;
}
#portfolio_items {
	width:615px;
	margin-right:25px;
	float:left;
	min-height:100px;
	padding-top:3px;
}
#text_column {
	float:right;
	width:310px;
}
#text_column img { margin-bottom:20px; position:relative; left:-3px;}
#text_column h2#text_title {
	text-indent:-9999px;
	background-image:url(../images/theme/creatif.jpg);
	background-repeat:no-repeat;
	width:310px;
	height:129px;
}

.mini_portfolio_item {
	border:1px solid #a3a09e;
	margin-bottom:10px;
	position:relative;
}
.mini_portfolio_item .block_inside {
	background:none; background-color:#e2dddc;
	padding:25px 30px 15px 30px;
}
.mini_portfolio_item .thumbnail { float:left; margin-right:20px; border:1px solid #979390; }

p, blockquote, ul, ol, form{
	margin:1em 0;
	}
blockquote{
	}
img{
	border:none;
	}
hr{
	display:none;
	}
table{
	width:100%;
	border-collapse:collapse;
	}
th, td{
	padding:2px 5px;
	}
th{
	text-align:left;
	}
/*TABS*/
.tab_container {
	border: 1px solid #999;
	border-top: none;
	overflow: hidden;
	clear: both;
	float: left; width: 100%;
	background: #fff;
}
.tab_content {
	padding: 20px;
	font-size: 1.2em;
}
ul.tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 32px; /*--Set height of tabs--*/
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
	width: 100%;
}
ul.tabs li {
	float: left;
	margin: 0;
	padding: 0;
	height: 31px; /*--Subtract 1px from the height of the unordered list--*/
	line-height: 31px; /*--Vertically aligns the text within the tab--*/
	border: 1px solid #999;
	border-left: none;
	margin-bottom: -1px; /*--Pull the list item down 1px--*/
	overflow: hidden;
	position: relative;
	background: #e0e0e0;
}
ul.tabs li a {
	text-decoration: none;
	color: #000;
	display: block;
	font-size: 1.2em;
	padding: 0 20px;
	border: 1px solid #fff; /*--Gives the bevel look with a 1px white border inside the list item--*/
	outline: none;
}
ul.tabs li a:hover {
	background: #ccc;
}
html ul.tabs li.active, html ul.tabs li.active a:hover  { /*--Makes sure that the active tab does not listen to the hover properties--*/
	background: #fff;
	border-bottom: 1px solid #fff; /*--Makes the active tab look like it's connected with its content--*/
}
/*KONIEC TABS*/
#status{
    padding:10px;
    font-style:  italic;
}
#status img{
    vertical-align:middle;
    width:25px;
}
#table_data {
    font-size:smaller;
}
/* #table_data tbody > tr:nth-child(even) { color: white; background-color: gray } biały na szarym */
#table_data tbody > tr:nth-child(odd) {
    background-color:#EDEDED;
    border-bottom: 1px dotted #C4C4C4
} /* szary na białym */
#table_data label{
    font-weight:bold;
    padding-left:10px;
}